<template>
	<view class="container" :style="overflow">
		<view class="tui-header-banner">
			<view class="tui-banner-bg">
				<!--banner-->
				<view class="tui-banner-box">
					<view class="tui-my-bg"></view>
					<view class="tui-header-center">
						<image class="tui-avatar" v-if="userInfo != ''" :src="userInfo.imageurl" ></image>
						<button  v-else open-type="getUserInfo"  class="tui-avatar" @getuserinfo="decryptPhoneNumber" withCredentials="true" lang="zh_CN" :disabled="isDisable">
							<image src="/static/my/my_one.png" class="tui-avatar-pic" mode="widthFix"></image>
						</button>
						<view class="tui-info">
							<view v-if="userInfo != ''">
								<view class="tui-nickname tui-header-title" style="background: transparent;text-align: left;padding-left: 0rpx;color: #FFF !important;width: 250rpx !important;">
								<view style="float: left;">{{userInfo.nickname}}</view>
								<button v-if="canIUseGetUserProfile == true" style="margin-left: 6rpx;float: left;width: 40rpx;height: 40rpx;background: #1193e3;padding: 0;" lang="zh_CN" @click="onGotUserInfo">
									<image style="width: 26rpx;height: 26rpx;margin-bottom: 24rpx;" src="../../static/my/therefresh.png"></image>
								</button>
								<button v-else style="margin-left: 6rpx;float: left;width: 40rpx;height: 40rpx;background: #1193e3;padding: 0;" lang="zh_CN" @click="onprompt">
									<image style="width: 26rpx;height: 26rpx;margin-bottom: 24rpx;" src="../../static/my/therefresh.png"></image>
								</button>
							</view>
							</view>
							<view class="tui-nickname" v-else>点击登录</image></view>
						</view>
						<view class="tui-nickname" style="font-weight: 400;width: 240rpx;text-align:right !important;margin-left: 14rpx;">
							<view v-if="userInfo != ''" class="mobile_phone_license">
								<button v-if="userInfo.contact_mobile == ''" open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumber">
									<image src="../../static/my/therefresh.png"></image>
									授权手机号登陆
								</button>
								<button v-else open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumber">
									<image src="../../static/my/therefresh.png"></image>
									{{userInfo.contact_mobile}}
								</button>
							</view>
						</view>
					</view>
					<view class="tui-header-center" style="top: 150rpx !important;line-height: 78rpx;">
						<view class="tui-info" style="padding-left: 0;" @tap="details('../my/wallet')">
							<view class="tui-nickname money">{{toAmount(resInfo['account']['balance'])}}</view>
							<view class="tui-nickname moneytx">可提现金额</view>
						</view>
						<view class="tui-nickname started" @click="particulars(userInfo.user_id,userInfo.user_id)">
							我的接龙
						</view>
					</view>
				</view>
			</view>
		</view>
		
		<!-- category -->
		<view class="tui-category-width">
			<view class="tui-product-category">
				<block v-for="(item,index) in category" :key="index">
					<view v-if="item.url == 'service'" class="tui-category-item" :data-key="item.name" open-type="contact" session-from="weapp">
						<button class="buttonke" open-type="contact" session-from="weapp">
							<image :src="'../../static/my/'+item.img" class="tui-category-img" mode="scaleToFill" style="margin: 0 auto;"></image>
							<view class="tui-category-name" style="width: 100%;margin-top: 30rpx;">{{item.name}}</view>
						</button>
					</view>
					<view v-else class="tui-category-item" :data-key="item.name" @click="details(item.url)">
						<image :src="'../../static/my/'+item.img" class="tui-category-img" mode="scaleToFill"></image>
						<view class="tui-category-name">{{item.name}}</view>
					</view>
				</block>
			</view>
		</view>
		<!-- category -->
		
		<!-- 搜索 -->
		<view v-if="search_state == true" class="content_search_waikuang">
			<view class="content_search">
				<image class="search_image" src="../../static/my/icon/search.png"></image>
				<input v-model="search_nickname" @blur="onSubmite_input()" placeholder="搜索活动名称"/>
			</view>
		</view>
		<view v-else class="content_search_waikuang" style="position: inherit;">
			<view class="content_search">
				<image class="search_image" src="../../static/my/icon/search.png"></image>
				<input v-model="search_nickname" @blur="onSubmite()" placeholder="搜索活动名称"/>
			</view>
		</view>
		<!-- 搜索 -->
		
		<!-- 团购接龙 -->
		<!-- <tui-list-cell class="tui-msg" :hover="false" @click="hair('../dragon/dragon')">
			<view class="tui-msg-box">
				<image src="../../static/my/no5.png" class="tui-dragon-pic" mode="widthFix"></image>
				<view class="tui-msg-item">
					<view class="tui-msg-name">一键发起接龙</view>
				</view>
			</view>
		</tui-list-cell> -->
		<!-- 团购接龙 -->
		<!--授权手机号 -->		
		<!-- <tui-modal :style="showMobile" @cancel="hideMobile" :custom="true" class="attention_attentionplease">
			<view class="tui-modal-custom ">
				<view class="tui-modal-custom-title">授权提示</view>
				<view class="tui-modal-custom-text">应国家法律要求，用户需要绑定手机号才能发布信息。接龙小达人将通过微信授权获取的手机号，仅用于用户认证，不会展示给第三方。</view>
				<view class="tui-modalBtn-box">
					<button class="tui-modal-btn tui-modal-btn-cancel" @click="hideMobile">取消授权</button>
					<button class="tui-modal-btn tui-modal-btn-authorize" open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumber">立即授权</button>
				</view>
			</view>
		</tui-modal> -->
		<!--授权手机号-->
		
		<!-- 接龙案例 -->
		<view class="tuiTips" style="margin-top: 40%;" v-if="rareData.length == 0" >
			<tui-tips :fixed="false" imgUrl="/static/toast/img_nodata.png">暂无数据</tui-tips>
		</view>
		<view :class="{'tui-order-list':scrollTop>=0}" :style="condition">
			<view class="case">
				
				<view class="case_box">
					<block v-for="(item,index) in rareData" :key="index">
						
						<tui-card :tag="tag_text(item.min_price,item.max_price)" :image="imageurl(userInfo.imageurl)" :title="nickname(userInfo.nickname)" :time="formatDate(item.start_time)" @click="details('../dragon/details?id='+item.id+'&jielong_user_id='+userInfo.user_id)" >
							<template v-slot:body>
								<view class="case_box_title"  >{{item.title}} </view>
								<view v-if="item.details_text" class="case_boxi_content">
									{{item['details_text']}}
								</view>
								<view class="Imagelist">
									<block v-for="(goods_images_item,goods_images_index) in item.details.images" :key="goods_images_index">
										<image class="Imagelists" :src="goods_images_item"></image>
									</block>
								</view>
								<view class="orderList" v-if="item.orderList">
									<block v-for="(orderList_item,orderList_index) in item.orderList" :key="orderList_index">
										<view class="orderList_list">
											<!-- <view class="orderList_list_num">{{item.buy_count - orderList_index}}</view> -->
											<view class="orderList_list_image">
												<image :src="orderList_item.imageurl"></image>
											</view>
											<view class="orderList_list_name">{{orderList_item.nickname}}</view>
											<view class="orderList_list_time">{{formatDatetime(orderList_item.create_time)}}</view>
											<view class="orderList_list_count">已团{{orderList_item.goods_count}}件</view>
										</view>
									</block>
								</view>
							</template>
							<template v-slot:footer>
								<view class="case_box_des" >
									<view class="case_box_time">
										<text class="case_box_time_text" :class="statusList[item.status].color">接龙{{statusList[item.status].title}}</text>
										
									</view>
									<view class="case_box_right">
										<text v-if="item.type == 1">今日直播</text>
										<text v-else-if="item.type == 2">好评返团</text>
										<!-- <image  class="eye" src="../../static/my/icon/browse3x.png"></image>
										<text style="padding:0px 10rpx;">{{item.view_count}}</text>
										<image  class="people" src="../../static/my/icon/participant.png"></image>
										<text style="padding: 0rpx 10rpx;">{{item.buy_count}}</text> -->
									</view>
								</view>
							</template>
						</tui-card>
					</block>
					
				</view>
			</view>
		</view>
		<!--加载loadding-->
		<tui-loadmore :visible="loadding" :index="3" type="red" v-if="empty == 1"></tui-loadmore>
		<tui-nomore :visible="!pullUpOn" v-if="empty == 1"></tui-nomore>
		<!--加载loadding-->
		<!-- 接龙案例 -->
		<button open-type="getUserInfo"  v-if="userInfo === ''" class="tui-login-full" @getuserinfo="wxGetUserInfo" withCredentials="true" lang="zh_CN" :disabled="isDisable"></button>
		<view class="tui-safearea-bottom"></view>
		<!--toast提示-->
		<tui-toast ref="toast"></tui-toast>
		<!--toast提示-->
		<!-- 我的团员 -->
		<view class="share-pro" >
			<view class="share-pro-mask-share" v-if="deliveryFlag" @click="closeShareEvn"></view>
			<view class="share-pro-dialog" :class="deliveryFlag?'open':'close'">
				<view class="tui-operation tui-chat-operation topdingdan">
					<view class="tui-export-title numbers">我的团员</view>
					<view class="deletegb" @click="closeShareEvn">
						<image src="../../static/my/icon/occlude3x.png" class="tui-avatar-autonym"></image>
					</view>
				</view>
				<scroll-view scroll-y="true" @scrolltolower="leaguemember" enable-back-to-top='true' class='scrollContainer' style="height: 88%;">
				<view class="share-pro-body teammembers">
					<block v-for="(item,index) in leaguememberarray" :key="index">
						<tui-card :image="imageurl(item.imageurl)" :title="nickname(item.nickname)">
						</tui-card>
					</block>
				</view>
				<view class="shareCancel"  @tap="closeShareEvn">
					<view class="shareCancelBut">
						没有更多了
					</view>
				</view>
				</scroll-view>
			</view>
		</view>
		<!-- 我的团员 -->
		<!-- 我加入的社群 -->
		<view class="share-pro" :append-to-body="true">
			<view class="share-pro-mask-share" v-if="organization" @click="closeShareEvn_organization"></view>
			<view class="share-pro-dialog" :class="organization?'open':'close'">
				<view class="tui-operation tui-chat-operation topdingdan">
					<view class="tui-export-title numbers">加入的社群</view>
					<view class="deletegb" @click="closeShareEvn_organization">
						<image src="../../static/my/icon/occlude3x.png" class="tui-avatar-autonym"></image>
					</view>
				</view>
				<scroll-view class='scrollContainer' bindtouchend="end_fn" style="height: 88%;" scroll-y>
					<view class="share-pro-body organization">
						<block v-for="(item,index) in organizationsarray" :key="index">
							<view class="periphery">
								<image :src="item.imageurl" class="tui-avatar-autonym" @click="particulars(item.user_id,userInfo.user_id)"></image>
								<view class="baozhu" @click="particulars(item.user_id,userInfo.user_id)">
									<view class="designation">{{item.nickname}}</view>
									<view class="membernum">成员数：{{item.fans_count}}</view>
								</view>
							</view>
							
						</block>
					</view>
					<view class="shareCancel"  @tap="closeShareEvn_organization">
						<view class="shareCancelBut">
							没有更多了
						</view>
					</view>
					<!--加载loadding-->
					<tui-loadmore :visible="loadding" :index="3" type="red" v-if="empty == 1"></tui-loadmore>
					<tui-nomore :visible="!pullUpOn" v-if="empty == 1"></tui-nomore>
					<!--加载loadding-->
					<!-- 接龙案例 -->
					<button open-type="getUserInfo"  v-if="userInfo === ''" class="tui-login-full" @getuserinfo="wxGetUserInfo" withCredentials="true" lang="zh_CN" :disabled="isDisable"></button>
					<view class="tui-safearea-bottom"></view>
				</scroll-view>
			</view>
		</view>
		<!-- 我加入的社群 -->
		
		
		<!-- 提醒完善信息 -->
		<view class="complete" v-if="((!userInfo.is_perfect && userInfo && perfect_condition == '2') || (userInfo.is_perfect == '2' && perfect_condition == '2')) && canIUseGetUserProfile == true">
			<view class="complete_top">提示</view>
			<view class="complete_text">您还未完善用户信息，立即进行完善？</view>
			<view class="complete_bottom">
				<view class="complete_left" @click="perfect_condition_zt">取消</view>
				<view class="complete_right" @click="onGotUserInfo">确认</view>
			</view>
		</view>
		<!-- 提醒完善信息 -->
		
		<!-- 灰色阴影 -->
		<view class="msgbox" v-if="((!userInfo.is_perfect && userInfo && perfect_condition == '2') || (userInfo.is_perfect == '2' && perfect_condition == '2')) && canIUseGetUserProfile == true"></view>
		<!-- 灰色阴影 -->
		
	</view>
		
</template>
<script>
	const dataTime = require('../../utils/util.js');
	const app = require('../../App.vue');
	

	import tuiListView from "@/components/list-view/list-view"
	import tuiListCell from "@/components/list-cell/list-cell"
	import tuiIcon from "@/components/icon/icon"
	import tuiTag from "@/components/tag/tag"
	import tuiCard from "@/components/card/card"
	import tuiToast from "@/components/extend/toast/toast"
	import tuiTabs from "@/components/tui-tabs/tui-tabs"
	import tuiButton from "@/components/extend/button/button"
	import tuiNomore from "@/components/nomore/nomore"
	import tuiSticky from "@/components/sticky/sticky"
	import tuiTips from "@/components/extend/tips/tips"
	import tuiModal from "@/components/modal/modal"
	
	
	export default {
		components: {
			tuiIcon,
			tuiTag,
			tuiListView,
			tuiListCell,
			tuiCard,
			tuiToast,
			tuiTabs,
			tuiButton,
			tuiNomore,
			tuiSticky,
			tuiTips,
			tuiModal
			// db
		},
		props: {
			//点击遮罩 是否可关闭
			maskClosable: {
				type: Boolean,
				default: true
			},
		},
		data() {
			return {
				showMobile: 'display: none;',
				userInfo: '',
				current: 0,
				banner: [
					"1.png",
					"2.png",
				],
				userCount: 0,
				category: [
					{
						img: "icon/Group103x.png",
						name: "接龙订单",
						url: "../dragon/dragonMyorder",
					}, {
						img: "icon/Group33x.png",
						name: "我的团员",
						url: '../index/team_members',
					}, {
						img: "icon/Group53x.png",
						name: "参团记录",
						url: "../my/order?tab=",
					},
				],
				statusList: [],
				rareData: [],
				page: 1,
				loadding: false,
				pullUpOn: true,
				empty: 1,
				scrollTop: 0,
				resInfo: {
					orderTotal:{2:0,3:0},	
					account:{balance:0},
				},
				deliveryFlag: false,
				operation: true,
				// 我的团员
				leaguememberarray: [],
				page_leaguemember: 1,
				loadding_leaguemember: false,
				pullUpOn_leaguemember: true,
				empty_leaguemember: 1,
				
				//我加入的社团
				organization: false,
				organizationsarray: [],
				page_organizationsarray: 1,
				loadding_organizationsarray: false,
				pullUpOn_organizationsarray: true,
				empty_organizationsarray: 1,
				
				condition: 'display:inline;',
				solitaire_list: true,
				solitaire_list_close: false,
				url: '../dragon/myorder.wxml',
				
				
				
				// 我的接龙列表
				userInfo_myorder: '',
				tabs: [{
					name: "最近浏览"
				}, {
					name: "我发布的"
				},
				],
				empty_myorder: 1,
				statusList_myorder: [],
				currentTab_myorder: 1,
				// pageIndex: 1,
				page_myorder: 1,
				loadding_myorder: false,
				pullUpOn_myorder: true,
				scrollTop_myorder: 0,
				rareData_myorder: [],
				serverUrl:[
					'jielong/browseList',
					'jielong/userList',
				],
				isDisable: false,
				suspend: true,
				p_id: '',
				u_id: '',
				partner_id: '',
				currenttime: new Date().getTime(),
				Rendering_ID: 2002,
				Whetherthelogin: true,
				search_state: false,
				search_nickname: '',
				perfect_condition: '1',
				canIUseGetUserProfile: false,
			}
		},
		onLoad:function(option){
			console.log('测试首页到');
			console.log('首次进入时间',this.currenttime);
			console.log('读取内容',option);
			if(option.scene){
				console.log(option.scene);
				const scene = decodeURIComponent(option.scene);
				console.log(scene);
				var arr = scene.split('&');
				console.log(arr);
				var theRequest = new Object();
				for (var i = 0; i < arr.length; i++) {
					var kye = arr[i].split("=")[0]
					var value = arr[i].split("=")[1]
					// 给对象赋值
					theRequest[kye] = value
				}
				console.log(theRequest);
				if(theRequest['p_id']){
					uni.setStorageSync('supPartnerId',theRequest['p_id']);
					this.partner_id = theRequest['p_id'];
				}
				if(theRequest['u_id']){
					uni.setStorageSync('supUserId',theRequest['u_id']);
				}
			}else if(option.p_id){
				uni.setStorageSync('supPartnerId',option.p_id);
				this.partner_id = option.p_id;
				console.log(option.p_id);
			}
			
			if(uni.getStorageSync('userInfo')){
				this.getAccount();
			}else{
				
			}
			
			if (wx.getUserProfile) {
				this.canIUseGetUserProfile = true;
			}
		},
		onShow: function() {
			
			console.log('perfect_time',uni.getStorageSync('userInfo'));
			var perfect_time = uni.getStorageSync('perfect_time');
			if((!this.userInfo.is_perfect && this.userInfo) || this.userInfo.is_perfect == '2'){
				if(!perfect_time){
					uni.setStorageSync('perfect_time', new Date().getTime() + 1800000);
					this.perfect_condition = '2';
				}else{
					if(perfect_time < new Date().getTime()){
						this.perfect_condition = '2';
					}
				}
			}
			this.userInfo = uni.getStorageSync('userInfo');
			if(this.userInfo){
				this.Whetherthelogin = true;
				if(getApp().globalData.backtrack == '1'){
					getApp().globalData.backtrack = '0';
				}else{
					this.rareData = [];
					this.page = 1;
					this.loadding = false;
					this.pullUpOn = true;
					this.empty = 1;
				}
				this.loadData();
				// this.loadData_myorder();
				this.getAccount();
				this.leaguemember();
				this.organizations();
			}else{
				this.empty = 0;
				this.loadding = false;
				this.pullUpOn = false;
				this.Whetherthelogin = false;
				// this.loadData();
				// this.empty_myorder = 0
				// this.loadding_myorder = false
				// this.pullUpOn_myorder = false
			}
			console.log(this.rareData);
			
		},
		organizationslist: function(){
			this.organizations();
		},
		methods: {
			perfect_condition_zt: function(){
				this.perfect_condition = '1';
			},
			// 提示
			onprompt: function(){
				
				wx.showToast({
				  title: "当前设备暂不支持更新用户信息，\r\n请使用其它设备进行更新",
				  icon: 'none',
				  duration: 2000
				})

			},
			onGotUserInfo: function (e) {
				let that = this;
				console.log(e);
				wx.getUserProfile({
					desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
					success: (res) => {
						console.log(res);
						
						that.tui.request_false('user/updateWxInfo',res.userInfo).then((wxinfores) => {
							console.log(wxinfores);
							if(wxinfores.code == '0000'){
								that.isDisable = false;
								
								let session_key = that.userInfo.session_key;
								let token = that.userInfo.token;
								
								that.userInfo = wxinfores;
								that.userInfo.session_key = session_key;
								that.userInfo.token = token;
								that.perfect_condition = '1';
								uni.setStorageSync('userInfo', that.userInfo);
							}else{
								
							}
						}).catch((err) => {
							console.log(err);
							let params = {
								title: "更新失败",
								imgUrl: "/static/toast/fail-circle.png",
								icon: true
							};
							that.$refs.toast.show(params);
						})
					}
				})
			},
			// input 输入结束事件
			onSubmite_input: function(){
				this.rareData = [];
				this.page = 1;
				this.loadData();
			},
			onSubmite: function(){
				this.rareData = [];
				this.page = 1;
				this.loadData();
			},
			scanaQRcode:function () {
				wx.scanCode({
				  success (res) {
				    console.log(res)
				  }
				})
			},
			updatePartner: function(partner_id){
				console.log(partner_id);
				let that = this;
				that.tui.request_false('user/updatePartner',{}).then((res) => {
					if(res.code == '0000'){
						
					}else{
						
					}
				}).catch((err) => {
					let params = {
						title: "服务器异常",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					that.$refs.toast.show(params);
				})
			},
			testfunc: function(){
				console.log(uni.getStorageSync('userInfo'));
				this.userInfo = uni.getStorageSync('userInfo');
				if(this.userInfo){
					this.Whetherthelogin = true;
					if(getApp().globalData.backtrack == '1'){
						getApp().globalData.backtrack = '0';
					}else{
						this.rareData = [];
						this.page = 1;
						this.loadding = false;
						this.pullUpOn = true;
						this.empty = 1;
					}
					this.loadData();
					// this.loadData_myorder();
					this.getAccount();
					this.leaguemember();
					this.organizations();
				}else{
					this.Whetherthelogin = false;
					this.empty = 0
					this.loadding = false
					this.pullUpOn = false
					// this.empty_myorder = 0
					// this.loadding_myorder = false
					// this.pullUpOn_myorder = false
				}
				console.log(this.rareData);
			},
			decryptPhoneNumber: function(e) {
				this.showMobile = 'display: none';
				let that = this;
				// let getApp = that.tui.getAppSecret()
				if (e.detail.errMsg == "getPhoneNumber:fail user deny") {
					let params = {
						title: "获取手机失败",
						imgUrl: "/static/toast/info-circle.png",
						icon: true
					};
					that.$refs.toast.show(params)
					return false
				}
				// console.log('测试登陆后信息0',uni.getStorageSync('userInfo'));
				// this.tui.wxLogin();
				// console.log('测试登陆后信息1',uni.getStorageSync('userInfo'));
				if(!e.detail.encryptedData || !e.detail.iv || !this.userInfo.session_key){
					let params = {
						title: "获取手机失败",
						imgUrl: "/static/toast/info-circle.png",
						icon: true
					};
					that.$refs.toast.show(params)
					return false
				}
				console.log('测试手机授权',this.userInfo.session_key);
				// console.log('测试登陆后信息1',this.userInfo);
				console.log('测试E',e);
				setTimeout(() => {
					// this.userInfo = uni.getStorageSync('userInfo');
					// console.log('测试登陆后信息2',this.userInfo);
					this.getWxMobile(e, this.userInfo.session_key);
				}, 1000);
			},
			getWxMobile: function(e, sessionKey) {
				let that = this;
				console.log('手机授权调用',sessionKey);
				that.tui.request('user/wxMobile',{
					'encryptedData': e.detail.encryptedData,
					'iv': e.detail.iv,
					'session_key': sessionKey
				}).then((res) => {
					if(res.code == '0000'){
						
						
						console.log('手机授权成功',res);
						this.userInfo.jielong_status = res.jielong_status;
						this.userInfo.contact_mobile = res.data;
						// that.userInfo.bind_partner_id = res.data;
						uni.setStorageSync('userInfo',that.userInfo);
						// uni.setStorageSync('isPartner',res.data);
						
						this.Whetherthelogin = true;
						this.rareData = [];
						this.page = 1;
						this.loadding = false;
						this.pullUpOn = true;
						this.empty = 1;
						// this.currenttime = new Date().getTime();
						// this.Rendering_ID = 2004;
						// this.leaguemember();
						// this.organizations();
						// that.getAccount();
						this.loadData();
					}else{
						
					}
				}).catch((err) => {
					let params = {
						title: "服务器异常",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					that.$refs.toast.show(params);
				})
			},
			Mycommunity: function(e){
				let params = {
					title: "您选择的社群不存在!",
					imgUrl: "/static/toast/info-circle.png",
					icon: true
				};
				that.$refs.toast.show(params);
			},
			particulars: function(uid,user_id){
				if(!uid){
					let params = {
						title: "您选择的社群不存在!",
						imgUrl: "/static/toast/info-circle.png",
						icon: true
					};
					that.$refs.toast.show(params);
				}
				console.log(uid);
				uni.navigateTo({
				    url:'./organization?uid='+uid+'&user_id='+user_id,
				});
			},
			onShareAppMessage: function(res) {
				return {
					title: '给你推荐一个简单好用的接龙工具，快来使用吧~',
					path: '/pages/index/index',
					imageUrl: this.tui.interfaceUrl()+ 'static/indexShare.png'
				}
			},
			// 取消关注
			Unfriended:function(uid){
				var uid = uid;
				wx.showModal({
					title: '确认要取消关注吗？',
					content: '取消关注后就无法查看社群最新动态了哦~',
					success: (res) => {
						console.log(res.confirm);
						if (res.confirm == true) {
							console.log(res.confirm);
							console.log(uid);
							this.closeShareEvn_organization();
							this.Cancellation_method(uid);
							this.organization = false;
							this.organizationsarray = [];
							this.page_organizationsarray = 1;
							this.loadding_organizationsarray = false;
							this.pullUpOn_organizationsarray = true;
							this.empty_organizationsarray = 1;
							this.organizations();
							this.shareEvn_organization();
							this.rareData = [];
							this.page = 1;
							this.loadding = false;
							this.pullUpOn = true;
							this.empty = 1;
							this.loadData();
						} else if (res.cancel == false) {
							console.log('用户点击取消')
						}
					}
				})
			},
			// 取消方法
			Cancellation_method: function(uid){
				console.log(uid);
				let that = this;
				if(!uid){
					let params = {
						title: "您选择的社群不存在!",
						imgUrl: "/static/toast/info-circle.png",
						icon: true
					};
					that.$refs.toast.show(params);
				}
				that.tui.request_false('user/fansDel',{
					follow_user_id: uid,
				}).then((res) => {
					if(res.code == '0000'){
						let params = {
							title: "取消成功",
							imgUrl: "/static/toast/check-circle.png",
							icon: true
						};
						that.$refs.toast.show(params);
					}else{
						let params = {
							title: "取消失败",
							imgUrl: "/static/toast/info-circle.png",
							icon: true
						};
						that.$refs.toast.show(params);
					}
				}).catch((err) => {
					let params = {
						title: "服务器异常",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					that.$refs.toast.show(params);
				})
			},
			// 查询加入的社群
			organizations:function() {
				console.log(111);
				let that = this;
				that.tui.request_false('user/fansList',{
					type:'follow',
					page_size:'10',
					page:that.page_organizationsarray,
				}).then((res) => {
					if(res.code == '0000'){
						if(res.list.list.length > 0){
							that.loadding_organizationsarray = false
							that.pullUpOn_organizationsarray = true
							that.empty_organizationsarray = 1
							that.page_organizationsarray++;
							for( let i = 0; i < res.list.list.length; i++ ){
								that.organizationsarray.push(res.list.list[i])
							}
						}else{
							that.loadding_organizationsarray = false;
							that.pullUpOn_organizationsarray = false;
						}
						if(res.list.list.length == 0 &&  that.page_organizationsarray == 1){
							that.empty_organizationsarray = 0;
						}
					}else{
						let params = {
							title: "请登陆",
							imgUrl: "/static/toast/info-circle.png",
							icon: true
						};
						that.$refs.toast.show(params);
					}
				}).catch((err) => {
					let params = {
						title: "服务器异常",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					that.$refs.toast.show(params);
				})
			},
			// 查询我团员
			leaguemember:function() {
				let that = this;
				that.tui.request_false('user/fansList',{
					type:'fans',
					page_size:'10',
					page:that.page_leaguemember,
				}).then((res) => {
					if(res.code == '0000'){
						if(res.list.list.length > 0){
							that.loadding_leaguemember = false
							that.pullUpOn_leaguemember = true
							that.empty_leaguemember = 1
							that.page_leaguemember++;
							for( let i = 0; i < res.list.list.length; i++ ){
								that.leaguememberarray.push(res.list.list[i])
							}
						}else{
							that.loadding_leaguemember = false;
							that.pullUpOn_leaguemember = false;
						}
						if(res.list.list.length == 0 &&  that.page_leaguemember == 1){
							that.empty_leaguemember = 0;
						}
					}else{
						let params = {
							title: "请登陆",
							imgUrl: "/static/toast/info-circle.png",
							icon: true
						};
						that.$refs.toast.show(params);
					}
				}).catch((err) => {
					let params = {
						title: "服务器异常",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					that.$refs.toast.show(params);
				})
			},
			// 团员弹窗
			shareEvn:function() {
				this.operation = false
				this.deliveryFlag = true;
				this.condition = 'display:none;';
			},
			// 关闭团员弹窗
			closeShareEvn:function() {
				this.deliveryFlag = false;
				this.operation = true;
				this.condition = 'display:inline;';
			},
			// 社群弹窗
			shareEvn_organization:function() {
				// this.organizations();
				this.operation = false
				this.organization = true;
				this.condition = 'display:none;';
			},
			// 关闭社群弹窗
			closeShareEvn_organization:function() {
				this.organization = false;
				this.operation = true;
				this.condition = 'display:inline;';
			},
			getAccount: function(){
				let that = this;
				that.tui.request_false('user/info',{}).then((res) => {
					if(res.code == '0000'){
						console.log('aaaaaaaaaaaaaaaaaaa',res)
						that.resInfo = res;
						console.log('测试info返回值',that.resInfo);
						if(that.resInfo.info.partner_id == 0 && that.partner_id != 0){
							that.updatePartner(that.partner_id);
						}
					}else{
						let params = {
							title: "请登陆",
							imgUrl: "/static/toast/info-circle.png",
							icon: true
						};
						that.$refs.toast.show(params);
					}
				}).catch((err) => {
					let params = {
						title: "服务器异常",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					that.$refs.toast.show(params);
				})
			},
			toAmount: function(amount){
				let fee = this.tui.centsToYuan(amount);
				return fee.toFixed(2);
			},
			loadData: function(){
				if(!this.userInfo){
					return false;
				}
				var url = 'jielong/list';
				var array = {};
				if(this.Whetherthelogin == true){
					url = 'jielong/list';
					array = {page_size: 10 ,page:this.page,jielong_user_id:this.userInfo.user_id,type:1,keyword:this.search_nickname};
				}
				this.loadding = true;
				this.tui.request_false(url,array).then((res) => {
					if(res.code == "0000"){
						if(res.data.list.length > 0){
							this.loadding = false
							this.pullUpOn = true
							this.empty = 1
							this.page++
							this.userCount = res.userCount
							this.statusList = res.statusList
							for( let i = 0; i < res.data.list.length; i++ ){
								res.data.list[i]['details'] = JSON.parse(res.data.list[i]['details']);
								this.rareData.push(res.data.list[i]);
							}
							
							// this.rareData = res.data.list
						}else{
							this.loadding = false;
							this.pullUpOn = false;
						}
						if(res.data.list.length == 0 &&  this.page == 1){
							this.empty = 0;
						}
						var when_time = new Date().getTime() - this.currenttime;
						console.log('当前时间',new Date().getTime());
						console.log('默认时间',this.currenttime);
						console.log('加载时间',when_time);
						if (wx.canIUse('reportPerformance')) {
							var when_time = new Date().getTime() - this.currenttime;
							console.log('当前时间',new Date().getTime());
							console.log('默认时间',this.currenttime);
							console.log('加载时间',when_time);
							wx.reportPerformance(this.Rendering_ID, when_time);
						}
					}
				}).catch((err) => {
					let params = {
						title: "服务器异常",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					this.$refs.toast.show(params);
				})
			},
			formatDate: function (timestamp) {
				return {text: dataTime.getDateDiff(timestamp)}
			},
			formatDatetime: function (timestamp) {
				var timestamp = dataTime.getDateDiff(timestamp);
				return timestamp;
			},
			price: function(amount){
				return {text: '￥' + this.tui.centsToYuan(amount).toFixed(2),color:'#f7374f', size:'32'}
			},
			nickname: function(nickname){
				return {text: nickname};
			},
			imageurl: function(image){
				return {url: image};
			},
			tag_text: function(min_price,max_price){
				if(min_price == max_price){
					var price = '¥' +this.tui.centsToYuan(min_price);
				}else{
					var price = '¥' +this.tui.centsToYuan(min_price) + '~' + '¥' +this.tui.centsToYuan(max_price);
				}
				return {text: price,color:'red',size:'30'};
			},
			// change: function(e) {
			// 	this.current = e.detail.current
			// },
			hair: function(url){
				let that = this;
				that.tui.request_false('user/info',{}).then((res) => {
					if(res.code == '0000'){
						if(res.info.jielong_status == 1){
							uni.navigateTo({
							   url: url,
							});
						}else{
							let params = {
								title: '您已禁止发起团购接龙',
								imgUrl: "/static/toast/info-circle.png",
								icon: true
							};
							that.$refs.toast.show(params);							
						}
					}else{
						let params = {
							title: res.msg,
							imgUrl: "/static/toast/info-circle.png",
							icon: true
						};
						that.$refs.toast.show(params);
					}
				}).catch((err) => {
					let params = {
						title: "服务器异常",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					that.$refs.toast.show(params);
				})
				
			},
			details: function(url,type) {
				console.log(this.userInfo);
				if(url == '../dragon/dragonMyorder' && this.userInfo.jielong_status != 1){
					console.log(this.userInfo);
					console.log(url);
					let params = {
						title: "暂无权限",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					this.$refs.toast.show(params);
					return false;
				}
				console.log(url,'1111111');
				if(this.suspend == true){
					this.suspend = false;
					if(!url){
						return false
					}		
					if(type == 1){
						uni.switchTab({
							url: url
						});
						return false
					}
					if(url == 'special'){
						getApp().globalData.currentTab = '1';
						uni.navigateTo({
						    url:'../dragon/myorder',
						});
					}else if(url == 'organization'){
						this.shareEvn_organization();
					}else if(url == './organization?uid='){
						uni.navigateTo({
						   url: './organization?uid='+this.userInfo.user_id+'&user_id='+this.user_id
						});
					}else{
						uni.navigateTo({
						   url: url,
						});
					}
					this.suspend = true;
				}
			},
			wxGetUserInfo: function() {
				let that = this;
				if(that.isDisable == true){
					let params = {
						title: "请勿重复操作",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					that.$refs.toast.show(params);
				}else{
					that.isDisable = true
					that.tui.wxLogin().then((res)=>{
						if(res.code == '0000'){
							that.Whetherthelogin = true;
							that.rareData = [];
							that.page = 1;
							that.loadding = false;
							that.pullUpOn = true;
							that.empty = 1;
							that.currenttime = new Date().getTime();
							that.Rendering_ID = 2004;
							that.userInfo = res;
							if(that.userInfo.is_perfect == 2){
								that.perfect_condition = 2;
							}
							that.leaguemember();
							that.organizations();
							that.getAccount();
							that.loadData();
							// that.showMobile = 'display: initial';
						}
					});
				}
				
				
				
				setTimeout(() => {
					this.isDisable = false
				}, 3000)
			},
			// change: function(e) {
			// 	this.currentTab = e.index
			// 	if(!this.userInfo){
			// 		return false
			// 	}
			// 	this.page = 1
			// 	this.loadding = false
			// 	this.pullUpOn = true
			// 	this.rareData = []
			// 	this.loadData();
			// },
			end_fn: function (e) {
			     console.log(111);
			},
		},
		onPullDownRefresh: function() {
			setTimeout(() => {
				uni.stopPullDownRefresh()
			}, 200);
		},
		onReachBottom: function() {
			if(this.pullUpOn == true){
				this.loadData();
			}
		},
		onPageScroll: function(e) {
			this.scrollTop = e.scrollTop;
			// console.log(e.scrollTop);
			if(e.scrollTop > 180){
				this.search_state = true;
			}else{
				this.search_state = false;
			}
		},
		disMove:function(){
		 
		},
	}
</script>

<style lang="scss">
	@import '../../static/style/thorui.css';
	/* 灰色阴影框 */
	.msgbox{
		background-color: #000;
		opacity: 0.5;
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:999999;
		overflow: hidden;
	}
	/* 灰色阴影框 */
	
	/* 按钮事件 */
	.complete{
		position: fixed;
		z-index: 9999999;
		background: #fff;
		width: 70%;
		left: 10%;
		top: 30%;
		padding: 5%;
		font-size: 28rpx;
		border-radius: 20rpx;
	}
	
	.complete_top{
		text-align: center;
		font-size: 34rpx;
	}
	
	.complete_text{
		text-align: center;
		font-size: 26rpx;
		line-height: 140rpx;
	}
	
	.complete_bottom{
		line-height: 20px;
		padding-top: 20rpx;
		height: 40rpx;
		border-top: 1rpx solid #ccc;
	}
	
	.complete_left{
		width: 49%;
		float: left;
		text-align: center;
	}
	
	.complete_right{
		float: right;
		width: 49%;
		text-align: center;
		border-left: 1rpx solid #CCC;
	}
	
	/* 按钮事件 */
	
	.font-Tag{
		font-weight: 550 !important;
		margin-bottom: 40rpx !important;
	}
	.container {
		/* padding-bottom: 100rpx; */
		color: #333;
		padding-bottom: env(safe-area-inset-bottom);

	}
	.tui-center{
		text-align: center;
	}
	/* 接龙案例 */
	.case_box_des {
		width: 100%;
		/* padding: 10rpx 20rpx; */
		padding: 30upx 20upx;
		margin: 10rpx auto;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 28rpx;
	}
	.case_box_time{
		/* padding-left: 5rpx; */
	}
	.case_box_time_text{
		color: #b1b1b1;
		padding-left: 10rpx;
	}
	.case_box_right{
		color: #1193E3;
		font-weight: 500;
		
	}
	.case{
		/* background: #FFFFFF; */
		padding: 0 20rpx 0 20rpx;
	}
	.case_title{
		font-size: 35rpx;
		font-weight: 700;
		padding-top: 20rpx;
	}
	.case_describe{
		font-size: 28rpx;
		color: #a6a6a6;
		padding-top: 10rpx;
		line-height: 60rpx;
	}
	.case_box{
		padding: 0px 0px 40px 0px;
	}
	.tui-header-right{
		font-weight: 550;
	}
	.tui-header-title{
		font-size: 30rpx !important;
		font-weight: 500;
		margin-top: 0rpx !important;
		color: #000000 !important;
		max-width: 400rpx !important;
	}
	.tui-header-title-time{
		margin-top: 0rpx !important;
		color: #999 !important;
	}
	.tui-header-left view{
		line-height: 49rpx;
		// letter-spacing: 4rpx;
	}
	.tui-title {
		width: 100%;
		padding: 70upx 30upx 30upx 30upx;
		box-sizing: border-box;
		font-size: 30upx;
		line-height: 30upx;
		color: #666;
	}
	.case_box_title{
		padding-left: 20rpx !important;
		padding-right: 20rpx !important;
		// margin: 25rpx auto !important;
		font-weight: 550;
		// padding-bottom: 18rpx;
		// letter-spacing: 4rpx;
		font-size: 35rpx !important;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.case_boxi_content {
		padding: 0upx 20upx;
		margin: 5rpx auto;
		color: #9e9e9e;
		font-size: 28rpx;
		line-height: 40rpx;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}
/* 	.case_boxi_footer{
		padding: 30upx 20upx;
		color: #f40e2a;
		font-size: 35rpx;
		font-weight: 500;
	} */
	.tui-card{
		margin: 0rpx !important;
		margin-top: 20rpx !important;
		box-shadow: 0 0 3rpx #eee !important;
		border: 1rpx solid #f5f5f5 !important;
	}
	.tui-header-thumb{
		border-radius: 10% !important;
		width: 90rpx !important;
		height: 90rpx !important;
	}
	/* 接龙案例 */
	
	
	/* header */
	.tui-header {
		width: 100%;
		height: 100rpx;
		padding: 0 30rpx 0 20rpx;
		box-sizing: border-box;
		background: #0bc99d;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: fixed;
		left: 0;
		top: 0;
		/* #ifdef H5 */
		top: 44px;
		/* #endif */
		z-index: 999;
	}

	.tui-swiper {
		font-size: 26rpx;
		height: 60rpx;
		flex: 1;
		padding-left: 12rpx;
	}

	.tui-swiper-item {
		display: flex;
		align-items: center;
	}
	.tui-header-banner {
		/* padding-top: 60rpx; */
		box-sizing: border-box;
		background: #FFF;
		padding-top: 25rpx;
	}
	.tui-banner-bg {
		display: flex;
		height: 330rpx;
		background: #FFF;
		position: relative;
	}

	.tui-primary-bg {
		width: 50%;
		display: inline-block;
		height: 200rpx;
		border: 1px solid transparent;
		position: relative;
		z-index: 1;
		background: #0c83cc;
	}

	.tui-route-left {
		transform: skewY(8deg);
	}

	.tui-route-right {
		transform: skewY(-8deg);
	}
	
	.tui-banner-box {
		width: 100%;
		padding: 0 30rpx;
		box-sizing: border-box;
		position: absolute;
		/* overflow: hidden; */
		z-index: 99;
		/* bottom: -80rpx; */
		left: 0;
	}

	.tui-banner-swiper {
		width: 100%;
		height: 270rpx;
		border-radius: 12rpx;
		overflow: hidden;
		transform: translateY(0);
		box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
	}

	.tui-slide-image {
		width: 100%;
		height: 270rpx;
		display: block;
	}

	/* #ifdef APP-PLUS || MP */
	.tui-banner-swiper .wx-swiper-dot {
		width: 8rpx;
		height: 8rpx;
		display: inline-flex;
		background: none;
		justify-content: space-between;
	}

	.tui-banner-swiper .wx-swiper-dot::before {
		content: '';
		flex-grow: 1;
		background: rgba(255, 255, 255, 0.8);
		border-radius: 16rpx;
		overflow: hidden;
	}

	.tui-banner-swiper .wx-swiper-dot-active::before {
		background: #fff;
	}

	.tui-banner-swiper .wx-swiper-dot.wx-swiper-dot-active {
		width: 16rpx;
	}

	/* #endif */

	/* #ifdef H5 */
	>>>.tui-banner-swiper .uni-swiper-dot {
		width: 8rpx;
		height: 8rpx;
		display: inline-flex;
		background: none;
		justify-content: space-between;
	}

	>>>.tui-banner-swiper .uni-swiper-dot::before {
		content: '';
		flex-grow: 1;
		background: rgba(255, 255, 255, 0.8);
		border-radius: 16rpx;
		overflow: hidden;
	}

	>>>.tui-banner-swiper .uni-swiper-dot-active::before {
		background: #fff;
	}

	>>>.tui-banner-swiper .uni-swiper-dot.uni-swiper-dot-active {
		width: 16rpx;
	}
	/* #endif */
	/* header */

	/* category */

	.tui-product-category {
		padding: 30rpx 20rpx 20rpx 20rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		font-size: 24rpx;
		color: #555;
		/* margin-bottom: 20rpx; */
		margin: 0px auto;
		width: 100%;
	}

	.tui-category-item {
		width: 25%;
		height: 130rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		// padding-top: 50rpx;
	}

	.tui-category-img {
		height: 100rpx;
		width: 100rpx;
		display: block;
	}

	.tui-category-name {
		line-height: 0rpx;
		// font-weight: 500;
		color: #000;
		font-size: 28rpx !important;
	}
	.tui-category-width{
		margin: 0px auto;
		background: #FFFFFF;
		width: 100%;
		/* margin-top: 30rpx; */
		// letter-spacing: 3rpx;
		/* font-weight: 500; */
	}
	/* category */
	
	/* tui-list-cell */
	.tui-list-cell{
		width: 90% !important;
		margin: 0px auto;
		border-radius: 80rpx;
		background: #1193E3 !important;
	}
	.tui-dragon-pic{
		width: 50rpx;
		height: 50rpx;
		display: block;
		margin-right: 24rpx;
	}
	.tui-right-pic{
		width: 152rpx;
		height: 29rpx;
		display: block;
	}

	.tui-list-view {
		/* padding-top: 10upx !important; */
		background: #FFFFFF;
		margin: 20rpx auto;
		padding: 30rpx 0px;
		width: 100%;
	}
	.tui-list-content::after{
		border-bottom: 1rpx solid #FFFFFF;
	}
	.tui-list-cell-name {
		padding-left: 20upx;
		vertical-align: middle;
		line-height: 30upx;
	}

	.tui-list::after {
		left: 94upx !important
	}

	.tui-right {
		margin-left: auto;
		margin-right: 34upx;
		font-size: 26upx;
		line-height: 1;
		color: #999;
	}

	.tui-msg-box {
		display: flex;
		align-items: center;
		margin: 0 auto !important;
	}
	.tui-msg-item {
		/* max-width: 500upx;
		min-height: 80upx; */
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.tui-msg-name {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 35upx;
		line-height: 1;
		color: #FFF;
		font-weight: 500;
	}

	.tui-msg-content {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 26upx;
		line-height: 1;
		color: #7a5f37;
	}

	.tui-msg-right {
		max-width: 160upx;
		margin-left: auto;
		text-align: right;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
		font-size: 30rpx;
		color: #7a5f37 !important;
	}
	
	.tui-msg::after {
		left: 154upx !important
	}

	.tui-badge-dot{
		background: #0A8FE2 !important;
	}
	/* tui-list-cell */
	
	.text-green {
		color: #1193E3 !important;
	}
	.tui-gray{
		background: #CCCCCC !important;
	}
	.people{
		width: 39rpx;
		height: 30rpx;
		display: inline-block;
	}
	.eye{
		width: 45rpx;
		height: 26rpx;
		display: inline-block;
	}
	.buttonke{
		height: 100% !important;
		width: 100% !important;
		margin: 0 auto !important;
		text-align: center !important;
		line-height: 44rpx !important;
		background-color: #FFF !important;
		border: 0 rpx solid #000 !important;
		padding-left: 0rpx !important;
		padding-right: 0rpx !important;
		font-size: inherit !important;
		overflow: visible !important;
		// font-weight: 400;
	}
	.tui-msg{
		position: fixed;
		left: 20%;
		top: 90%;
		z-index: 99999 !important;
		width: 60% !important;
		height: 125rpx !important;
	}
	.tui-msg .tui-cell-class{
		box-shadow: 5rpx 10rpx 30rpx 2rpx rgba(105,105,105,0.5);
	}
	.tui-mybg-box {
		width: 100%;
		height: 335rpx;
		position: relative;
	}
	
	.tui-my-bg {
		width: 100%;
		height: 320rpx;
		display: block;
		background-image: url('../../static/my/icon/Group203x.png');
		background-size:100% 100%;
		box-shadow: 5rpx 5rpx 30rpx 2rpx rgba(105,105,105,0.5);
	}
	
	.tui-header-center {
		position: absolute;
		width: 100%;
		height: 120rpx;
		left: 0;
		top: 10rpx;
		padding: 0 70rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
	}
	
	.tui-avatar {
		flex-shrink: 0;
		width: 60rpx;
		height: 60rpx;
		display: block;
		border-radius: 50%;
		margin: 0rpx;
		padding: 0rpx;
		background: #dddddd;
	}
	.tui-avatar-refresh{
		width: 20rpx;
		height: 20rpx;
	}
	.tui-avatar-pic {
		width: 60% !important;
		height: 60% !important;
		display: block;
		margin: 10px auto;
	
	}
	.cs_button{
		width: 100%;
		text-align: left;
		padding: 0px !important;
		
	}
	.tui-info {
		width: 50%;
		padding-left: 30rpx;
	
	}
	
	.tui-nickname {
		font-size: 32rpx;
		font-weight: 500;
		color: #fff;
		/* display: flex; */
		align-items: center;
		// letter-spacing: 3rpx;
	}
	
	.tui-img-vip {
		width: 56rpx;
		height: 24rpx;
		margin-left: 18rpx;
	}
	
	.tui-explain {
		width: 60%;
		font-size: 22rpx;
		font-weight: 550;
		color: #fff;
		opacity: 0.75;
		white-space: nowrap;
	/* 	overflow: hidden;
		text-overflow: ellipsis; */
		border: 4rpx solid #FFFFFF;
		border-radius: 30rpx;
		margin: 15rpx 0;
		text-align: center;
		/* padding-left: 30rpx 15rpx 30rpx 15rpx; */
		height: 40rpx;
		line-height: 40rpx;
		/* padding: 5rpx 0; */
	}
	.tuanyuan{
		height: 35rpx !important;
		width: 41rpx !important;
		// margin-left: 20rpx !important;
		float: left;
		margin-top: 7rpx;
	}
	.started{
		font-weight: 550;
		width: 240rpx;
		background: #FFF;
		color: #1193E3;
		text-align: center;
		height: 73rpx;
		border-radius: 10rpx;
		line-height: 73rpx;
		margin-left: 110rpx;
		font-size: 30rpx;
		margin-top: 50rpx;
	}
	.money{
		font-weight: 550 !important;
		font-size: 55rpx !important;
	}
	.moneytx{
		font-size: 30rpx !important;
		font-weight: 500 !important;
	}
	.case .tui-card-header::after{
		border-bottom: 0rpx solid #000 !important;
		padding: 30rpx !important;
	}
	.share-pro{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-direction: column;
		z-index: 999999 !important;
		line-height: 1;
		box-sizing: border-box;
		.share-pro-mask-share{
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(0, 0, 0, 0);
		}
		.share-pro-mask{
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(0, 0, 0, 0.5);
		}
		.share-pro-dialog-goods {
			width: 750rpx;
			height: 600rpx;
			overflow: hidden;
			background-color: #fff;
			border-radius: 24rpx 24rpx 0px 0px;
			position: relative;
			box-sizing: border-box;
			position: fixed;
			bottom: 0;
			.close-btn {
				padding: 20rpx 15rpx;
				position: absolute;
				top: 0rpx;
				right: 29rpx;
				.share-colse{
					width: 40rpx;
					height: 40rpx;
				}
			}
			.share-pro-title {
				font-size: 30rpx !important;
				color: #1c1c1c;
				padding: 28rpx 41rpx;
				background-color: #FFFFFF;
				border-bottom: 1rpx solid #e8e8e8;
				font-weight: 450 !important;
			}
		
			.share-pro-body{
				display: flex;
				flex-direction: row;
				justify-content:space-around;
				font-size: 28rpx;
				color: #1c1c1c;
			
			}
		}
		
		.share-pro-dialog {
			width: 750rpx;
			height: 76%;
			overflow: hidden;
			background-color: #fff;
			border-radius: 24rpx 24rpx 0px 0px;
			position: relative;
			box-sizing: border-box;
			position: fixed;
			bottom: 0;
			.close-btn {
				padding: 20rpx 15rpx;
				position: absolute;
				top: 0rpx;
				right: 29rpx;
				.share-colse{
					width: 40rpx;
					height: 40rpx;
				}
			}
			.share-pro-title {
				font-size: 30rpx !important;
				color: #1c1c1c;
				padding: 28rpx 41rpx;
				background-color: #FFFFFF;
				border-bottom: 1rpx solid #e8e8e8;
				font-weight: 450 !important;
			}
	
			.share-pro-body{
				display: flex;
				flex-direction: row;
				justify-content:space-around;
				font-size: 28rpx;
				color: #1c1c1c;
				padding-bottom: 30rpx;
				.share-item{
					display: flex;
					flex-direction:column;
					justify-content: center;
					justify-content:space-around;
					.share-pro-title-text{
						font-size: 30rpx;
					}
					.share-pro-title-text-des{
						font-size: 28rpx;
						color: #CCCCCC;
						padding-top: 15rpx;
					}
					.share-icon{
						text-align:center;
						width: 100rpx;
						height: 100rpx;
						color: #42ae3c;
						margin: 0px auto;
						margin-top: 39rpx;
						margin-bottom: 16rpx;
					}
					&:nth-child(2){
						.share-icon{
							color: #ff5f33;
						}
					}
				}
			}
		}
	
		/* 显示或关闭内容时动画 */
	
		.open {
			transition: all 0.3s ease-out;
			transform: translateY(0);
		}
		.closeCart {
			transition: all 0.3s ease-out;
			transform: translateY(600rpx);
		}
		.close {
			transition: all 0.3s ease-out;
			transform: translateY(100%);
		}
	
	}
	.tui-operation{
		padding: 0px 30rpx 0rpx 30rpx;
	}
	.topdingdan{
		background-color: #FFF !important;
		border-bottom: 1rpx solid #E8E8E8;
	}
	.numbers{
		color: #000 !important;
		font-weight: 500;
		font-size: 33rpx !important;
		// letter-spacing: 3rpx !important;
	}
	.tui-avatar-autonym{
		width: 36rpx;
		height: 36rpx;
		display: block;
		// margin-left: 8rpx;
		float: right;
		// margin-bottom: 6rpx;
		margin-top: 30rpx;
	}
	.deletegb{
		float: right;
		height: 100rpx;
		width: 100rpx;
		line-height: 100rpx;
	}
	.shareCancelBut{
		color: #999;
		text-align: center;
		font-size: 26rpx;
		margin-top: 20rpx;
	}
	.teammembers{
		display:inline !important;
	}
	.teammembers .tui-card{
		border: 0rpx solid #000 !important;
		// width: 700rpx;
		width: 100%;
		margin-top: 0rpx !important;
	}
	.teammembers .tui-header-left view{
		line-height: 80rpx !important;
	}
	.teammembers .tui-card-header::after{
		margin-bottom: 0rpx solid #000;
	}
	.organization{
		height: 100rpx !important;
		display:inline !important;
	}
	.organization .tui-card{
		border: 0rpx solid #000 !important;
		width: 500rpx;
		margin-top: 0rpx !important;
	}
	.organization .tui-card-header::after{
		margin-bottom: 0rpx solid #000;
	}
	.unfriended{
		float: right;
	}
	.periphery{
		height: 100rpx !important;
		// line-height: 140rpx !important;
		padding: 20rpx 30rpx !important;
	}
	.periphery image{
		height: 100rpx;
		width: 100rpx;
		border-radius: 10%;
		float: left;
		margin-top: 0rpx;
	}
	.designation{
		// float: left;
		height: 50rpx;
		line-height: 50rpx;
		margin-left: 25rpx;
		font-size: 35rpx;
		font-weight: 550;
	}
	.membernum{
		// float: left;
		height: 50rpx;
		margin-left: 25rpx;
		line-height: 50rpx;
		color: #999999;
	}
	.case_box_left{
		float: right;
		height: 100rpx;
		line-height: 100rpx;
		color: #CCCCCC;
	}
	.baozhu{
		float: left;
		width: 450rpx;
		height: 100rpx;
	}
	.Imagelist{
		// padding: 20rpx 20rpx;
		height: 190rpx;
		border-bottom: 1rpx dashed #CCC;
		// margin-bottom: 40rpx;
		// margin-top: 40rpx;
		margin: 25rpx 20rpx 25rpx 20rpx;
		padding-bottom: 40rpx;
	}
	.Imagelists{
		height: 190rpx;
		width: 190rpx;
		margin-left: 3.5%;
	}
	.orderList{
		padding: 0 20rpx;
	}
	.orderList_list{
		// display: flex;
		height: 40rpx;
		margin-bottom: 20rpx;
		line-height: 40rpx;
	}
	.orderList_list_num{
		width: 50rpx;
		color: #999999;
		font-size: 30rpx;
		float: left;
	}
	.orderList_list_image{
		margin-left: 10rpx;
		float: left;
	}
	.orderList_list_image image{
		width: 40rpx !important;
		height: 40rpx !important;
	}
	.orderList_list_name{
		margin-left: 35rpx;
		color: #000000;
		// font-weight: 500;
		float: left;
		font-size: 30rpx;
		max-width: 200rpx;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.orderList_list_time{
		margin-left: 20rpx;
		color: #999;
		float: left;
		font-size: 30rpx;
	}
	.orderList_list_count{
		float: right !important;
		// font-weight: 500;
		font-size: 30rpx;
	}

	.attention_attentionplease{
		display: block;
		background: #FFF;
		width: 90%;
		margin-left: 5%;
		position: fixed;
		top: 30%;
		z-index: 9999;
		border: 1rpx solid #CFCFCF;
	}
	
	.attention_attentionplease .tui-modal-normal {
		padding: 0 !important;
		border-radius: 10rpx !important;
	}

	.attention_attentionplease .tui-modal-custom-text {
		padding: 30rpx 75rpx !important;
		color: #999 !important;
	}

	.attention_attentionplease .tui-modal-btn-cancel {
		width: 50%;
		line-height: 120rpx;
	}

	.attention_attentionplease .tui-modal-btn-authorize {
		width: 50%;
		line-height: 120rpx;
		border-left: 1rpx solid #E8E8E8;
		border-top-left-radius: 0rpx;
		border-bottom-left-radius: 0rpx;
	}

	.attention_attentionplease .tui-modal-custom-title {
		margin-top: 55rpx !important;
		color: #000;
		font-weight: 550;
	}
	
	/* 授权手机号 */
	.tui-modalBtn-box {
		width: 100%;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-top: 1rpx solid #f4f4f4;
		/* padding-top: 10px; */
	}
	
	.tui-modal-custom-title {
		font-size: 35rpx !important;
		font-weight: 450 !important;
		text-align: center;
		margin: 20rpx auto;
	}
	
	.tui-modal-custom-text {
		font-size: 30rpx;
		text-align: left;
		color: #b0b0b0;
		line-height: 40rpx;
		margin-bottom: 30rpx;
	}
	
	.tui-modal-btn-authorize {
		background: none !important;
		color: #0A8FE2 !important;
		font-weight: 400 !important;
		font-size: 35rpx !important;
	}
	
	.tui-modal-btn-cancel {
		background: none !important;
		color: #d0d0d0 !important;
		font-weight: 400;
		font-size: 35rpx;
	}
	
	.content_search_waikuang{
		position: fixed;
		// top: 178rpx;
		z-index: 999;
		height: 120rpx;
		width: 100%;
		background-color: #FFF;
	}
	
	.content_search{
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		width: 90%;
		background-color: #F3F3F3;
		margin: 0 auto;
		border-radius: 5rpx;
		margin-top: 20rpx;
	}
	
	.content_search input{
		height: 80rpx;
		line-height: 80rpx;
		width: 60%;
		text-align: left;
		padding-left: 10rpx;
		background: #F3F3F3;
		/* margin-top: 10rpx;
		margin: 0 auto; */
	}
	
	.search_image{
		width: 20px;
		height: 40rpx;
		float: left;
		margin-top: 20rpx;
		margin-left: 30rpx;
	}
	
	// 手机授权样式
	.mobile_phone_license button{
		font-size: 24rpx;
		line-height: 42rpx;
		color: #fff;
		background-color: rgba(0,0,0,.2);
		width: 250rpx;
		float: left;
	}
	
	.mobile_phone_license button image{
		width: 22rpx;
		height: 22rpx;
		margin-top: 10rpx;
		margin-right: 4rpx;
		float: left;
	}
</style>
